﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
	<head>
		<title>Learning functions, exercise 1</title>
		<LINK REL=StyleSheet HREF="htmlResources/exerciseDesign.css" />
		<meta charset="utf-8" />
	</head>
	<script type="text/javascript" src="htmlResources/startAlgorithm.js"></script>
	<body>
		<div id="mainDiv">
			<div id="leftDiv">
				<fieldset>
					<legend>Definitions</legend>
					<form action="javascript:runApplet()" method="get">
						<table>
							<tr>
								<td class="InputTitle">
									Input wav path:
								</td>
								<td>
									<input type="text" id="inputFilePath" name="inputFilePath" size="40" />
								</td>
							</tr>
							<tr>
								<td class="InputTitle">
									Output file name: <input type="button" value="?" onclick="displayHelp()" />
								</td>
								<td>
									<input type="text" id="outputFilePath" name="outputFilePath" />
								</td>
							</tr>
							<tr>
								<td>
									<input type="submit" value="Run" />
								</td>
								<td>
									<input type="button" value="Clear" onclick="clearForm()" />
								</td>
							</tr>
						</table>
					</form>
				</fieldset>
			</div>
			<div id="rightDiv">
				<fieldset>
					<legend>Results:</legend>
						<table>
							<tr>
								<td width="100%">
									<textarea id="resultsBox" name="resultsBox" rows="20" cols="60" readonly="readonly"></textarea>
								</td>
							</tr>
							<tr>
								<td width="100%" align="center">
									<img name="statusImage" id="statusImage" src="htmlResources/orangeButton.jpg" />
								</td>
							</tr>
						</table>
				</fieldset>

			</div>
		</div>
		<applet code="notesDetection.notesDetectionApplet.class" name="MainAlgorithm" id="MainAlgorithm" height=50 width=50></applet>
	</body>
</html>